{extend name="template/base_default"}
{block name="header"}


<!--<link rel="stylesheet" href="__CSS__/common.css">-->

<link rel="stylesheet" href="__CSS__/weuix.min.css"/>
<link rel="stylesheet" href="__CSS__/index.css">
<style>

    body{
        background-color: white;
        background-repeat:no-repeat;
        background-size:cover;
        display:inline-block;
        text-align: center;
        color:#eeeeee;
        width: 100%;
        background-attachment: fixed;
        margin: auto;
    }
  .block-b{

      height:136px;
      width:90%;
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 10px;
      margin: auto;
      margin-top: 10px;
  }
    .block-s{
        height: 132px;
        margin: auto;
        float: left;
        width:49.5%;
        border-radius: 10px;
        position: relative;
    }
    .block-b img{
        width: 70px;
        height: 70px;
        margin-top: 26px;
    }

    .block-s img{
        width: 50px;
        height: 50px;
        margin-top: 26px;
    }
    .p1{
        font-size: 35px;
        margin-top: 50px;
        margin-bottom: 10px;
        line-height: 35px;
        height: 35px;
    }
    li{
        list-style: none;
    }
     .p2{
        margin: auto;
    }

    .jf{
        width: 100%;
        text-align: center;
        margin: 10px 0;
        color:black;
    }
    .jf-nickname {
        width:100%;
        text-align: center;
    }
    .jf-intro {
        color:#787878;
        margin: 0 auto;
        width: 190px;
        text-align: center;
        line-height: 24px;
    }
    .jf-hongbao {
        width:100%;
        text-align: center;
        color:red;
        border-bottom: solid 1px #f2f3f8;
        padding-bottom: 3vw;
    }
    .jf img{
        height: 20px;
        width: 20px;
        vertical-align: sub;
    }
    .jf p{
        margin-left: 3px;
        height: 20px;
        line-height: 20px;
        float: left;
    }
    .tg {
        width:100%;
        margin-top: 10px;
    }
    .tg-item {
        width:33vw;
        height:33vw;
        background-color: white;
        float:left;

    }
    .tg-item-text {
        width:100%;
        margin-top: 1vw;
        color:black;
        text-align: center;
        font-weight:300;
    }
    .tg-item img{
        width:14vw;
        height:14vw;
        margin-top: 4vw;
    }
    .solid{
        width: 1px;
        background-color: #eee;
        height: 110px;
        margin-top: 10px;
        float: left;
    }
    .nav_bar{
        height:62px;
        background-color: #121832;
        width:100%;
        color:white;
        position:fixed;
        bottom: 0;
    }
    .nav_bar ul{
        width:32%;
        float: left;
        text-align: center;
        color:blue;
        margin-top: 10px;
        color:white;
    }
    .nav_bar ul li img{
        width:16px;
        height:16px;
        color:white;
    }
</style>
{/block}
{block name="body"}
<div id="personalHeader" onclick="">
    <ul>
        {empty name ="head"}
        <a href="{:url('user/userinfo')}"><li><div class="c-logo" ><img class="m-avatar" src="__IMG__/che.png" /></div></li></a>
        {else/}
        <a href="{:url('user/userinfo')}"><li><div class="c-logo" ><img class="m-avatar" src="__BASE__/index.php/picture/index?id={$head}" /></div></li></a>
        {/empty}
   </ul>
</div>

<div class="jf">
    <div class="jf-nickname">{$nickname}</div>
        <!--<a href="{:url('user/userinfo')}"><img src="__IMG__/grzx_03.png"></a>-->
    <div class="jf-intro">这里可以自己写一段话</div>
    <div class="jf-hongbao">我的红包：￥{$score/100}</div>
</div>
<div class="tg">
    <a href="{:url('extension/index_dxe')}">
        <div class="tg-item">
            <img src="__IMG__/woshidianzhang.png" />
            <div class="tg-item-text">我是店长</div>
        </div>
    </a>
    <a href="{:url('extension/index_shop')}">
        <div class="tg-item">
            <img src="__IMG__/shangjialaoban.png" />
            <div class="tg-item-text">商家老板</div>
        </div>
    </a>
    <a href="{:url('extension/index_person')}">
        <div class="tg-item">
            <img src="__IMG__/chuangyehuoban.png" />
            <div class="tg-item-text">创业伙伴</div>
        </div>
    </a>
    <a href="{:url('extension/index_city')}">
        <div class="tg-item">
            <img src="__IMG__/quxianfuwuzhongxin.png" />
            <div class="tg-item-text">区县服务中心</div>
        </div>
    </a>
    <a href="{:url('extension/index_province')}">
        <div class="tg-item">
            <img src="__IMG__/shengguanlizhongxin.png" />
            <div class="tg-item-text">省管理中心</div>
        </div>
    </a>
</div>
<!--以下直到结束为隐藏掉的功能-->
<div style="display:none">
    <div class="block-b">
        <a href="{:url('user/erweima')}">
        <div class="block-s">
            <img src="__IMG__/ewms.png">
            <p class="p2">我的二维码</p>
        </div>
        </a>
        <div class="solid"></div>
        <a href="{:url('user/protocalorder')}">
        <div class="block-s">
            <img src="__IMG__/baoxians.png">
            <p class="p2">历史记录</p>
        </div>
        </a>
    </div>
    <div class="block-b">
        <a href="{:url('staticpage/fuli')}">
            <div class="block-s">
                <img src="__IMG__/fuli.png">
                <p class="p2">我的福利</p>

            </div>

        </a>
        <div class="solid"></div>
        <a href="{:url('user/integral')}">
        <div class="block-s">

            <img src="__IMG__/jifenss.png">
            <p class="p2">我的收入</p>
        </div>
        </a>
    </div>
    <div class="block-b">
        <a href="{:url('user/consumption')}">
        <div class="block-s">
            <img src="__IMG__/xiaofei.png">
            <p class="p2">我的消费</p>
        </div>
        </a>
        <div class="solid"></div>
        <a href="{:url('extension/index')}">

            <div class="block-s">
                <img src="__IMG__/tuiguang.png">
                <p class="p2">推广中心</p>

            </div>
        </a>
    </div>
    <div class="block-b">
        <a href="{:url('user/friend')}">
            <div class="block-s">
                <p class="p1" style="margin-top: 1em">{$countInfo.member_count}</p>
                <p class="p2" style="margin-top: 0.9em">亲朋好友</p>
            </div>
        </a>

        <div class="solid"></div>
        <a href="tel:{$tel}">
            <div class="block-s">
                <img src="__IMG__/lianxi.png">
                <p class="p2">联系我们</p>
            </div>
        </a>

    </div>
</div>
<div style="display:none">
{eq name="mobile" value=""}
        <div class="form-input" style="width: 80%;margin-left:auto;margin-right:auto;margin-top: 10px">
            <a href="{:url('user/binding')}">
            <button id="submit" class="login-btn" style="margin-top: 0px" type="button">绑定手机</button>
            </a>
        </div>
{/eq}
</div>
<div style="width:100%;height:80px;"></div>
{include file="template/nav_bar"}
{/block}
{block name="footer"}

{/block}